<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>

<body>
    <div class="container">
        <div class="header">
            <div class="headinfo">
                <div class="email">Corporate@eternalholding.com</div>
                <div class="phone">+00(123)4567890</div>
            </div>
            <div class="icon_list">
                <img src="./images/icon-search.png" alt="">
                <img class="facebook" src="./images/icon-s-facebook.png" alt="">
                <img src="./images/icon-s-gplus.png" alt="">
                <img src="./images/icon-s-twitter.png" alt="">
            </div>
        </div>
        <div class="navbar">
            <div class="logo">
                <img src="./images/logo.png" alt="">
            </div>
            <ul class="nav">
                <li>
                    <a class="active" href="">Home</a>
                </li>
                <li>
                    <a href="">About</a>
                    <ul class="dropdown">
                        <li>
                            <a href="">ABOUT US</a>
                        </li>
                        <li>
                            <a href="">ABOUT CHAIRMAN</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="">Portfolio</a>
                </li>
                <li>
                    <a href="">Science</a>
                </li>
                <li>
                    <a href="">Culture</a>
                </li>
                <li>
                    <a href="">Charity</a>
                    <ul class="dropdown">
                        <li>
                            <a href="">CHILDREN EDUCATION</a>
                        </li>
                        <li>
                            <a href="">WOMEN POWER</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="">Art</a>
                    <ul class="dropdown">
                        <li>
                            <a href="">FUND</a>
                        </li>
                        <li>
                            <a href="">LUXURY</a>
                        </li>
                        <li>
                            <a href="">ART</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="">Partner</a>
                </li>
                <li>
                    <a href="">Media_Press</a>
                </li>
            </ul>
        </div>
        <div class="list_banner">
            <img src="./images/listbanner.png" alt="">
        </div>
        <div class="nav-location">
            <span class="location">Your location：</span>
            <a href="">Home</a>&nbsp;&nbsp;>>&nbsp;&nbsp;
            <a href="">Portfolio</a>&nbsp;&nbsp;>>&nbsp;&nbsp;
            <a href="" class="cur-location">All portfolio</a>
        </div>
        <div class="detail_main">
            <div class="left_nav">
                <div class="d_title">PORTFOLIO</div>
                <ul class="d_list">
                    <li>Oil</li>
                    <li>Defense</li>
                    <li>Agriculture</li>
                    <li>Real Estate</li>
                    <li>Technology Incubator</li>
                    <li>Fashion & Retailing</li>
                    <li>Government Consultant</li>
                    <li>Culture & Communication</li>
                    <li>Women‘s Protection and ...</li>
                    <li>Chambers of Commerce</li>
                </ul>
                <div class="d_footer">CONTACT US</div>
            </div>
            <div class="detail_info">
                <div class="detail_img">
                    <img src="./images/detail-img.png" alt="">
                </div>
                <div class="detail_text">
                    Eternal bears the crude oil exploitation tasks of more than 20 oil refineries in China. It has established great cooperation
                    relationships with major oil countries in the world. Eternal owns three Hong Kong international trade
                    companies-- UAE Crude Oil Trade Company, US Investment Company and Domestic Industry Fund. It continuously
                    promote business quality using multiple trade means.
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="main">
                <div class="last">
                    <div class="ma_title">Lastest News</div>
                    <ul>
                        <li>
                            <div>
                                <img src="./images/news01.png" alt="">
                            </div>
                            <div class="fa_text">
                                <div>thisr liblaly lomer ipmer has been</div>
                                <div>Namest2017-11-21pm</div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <img src="./images/news02.png" alt="">
                            </div>
                            <div class="fa_text">
                                <div>Lomo lplunes is simper deroom</div>
                                <div>Namest2017-11-21pm</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="contact">
                    <div>
                        <div class="ma_title">Contact us</div>
                        <ul>
                            <li>Please let us know if you have a question or would like further information about New Eternal
                                Holding.
                            </li>
                            <li>
                                <ul class="bg-icon">
                                    <li>84 Street, City, State 24813</li>
                                    <li>+00(123)4567890</li>
                                    <li>Corporate@eternalholding.com</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="subscribe">
                    <div>
                        <div class="ma_title">Subscribe</div>
                        <ul>
                            <li>Sign up for Alerts and News Updates.</li>
                            <li class="serach_box">
                                <input type="text" placeholder="Enter your email here...">
                                <div>sub</div>
                            </li>
                            <li>
                                <img src="./images/iconlist.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div>Copyright @2017 eternalholding.com - NEW ETERNAL HOLDING</div>
                <div>Home · About · Portfolio · Science · Culture · Charity · Art · Partner · Media_Press</div>
            </div>
        </div>
    </div>
</body>

</html>